<template>
    <div class="ball">
        <van-button>
            <template #icon>
                <i class="iconfont icon-maikefeng"></i>
            </template>
        </van-button>
    </div>
</template>

<script setup>

</script>

<style lang="less" scoped>
.ball {
    width: 48px;
    height: 48px;
    /* 新增容器定位 */
    position: fixed;
    right: 16px;
    bottom: 90px;
    z-index: 9999;

    .van-button {
        border-radius: 9999px;
        /* 移除按钮自身的定位 */
        width: 100%;
        height: 100%;
        transition: transform 0.2s;
        // background: #2A5C8D;
        box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);

        &:hover {
            transform: scale(1.1);
        }
    }
}
</style>